<template>
<!--  404页面作用：在网址栏输入其他不合规的地址后跳到这个页面，并提供返回主页的链接-->
  <!--  视口高度，弹性盒布局里面垂直居中水平居中-->
  <div style="height: 100vh; display: flex; align-items: center; justify-content: center">
    <div style="width: 50%">
      <img style="width: 100%" src="@/assets/images/404.png" alt="404"><!-- 404的图片位置-->
      <div style="text-align: center; padding: 20px 0; font-size: 20px;"><a style="color: blue" href="/">返回主页</a></div><!-- 404下面的返回主页链接-->
    </div>
  </div>
</template>
<script setup lang="ts">
</script>
